<!doctype html>
<html>
<head>
<title>UTCDateBox Demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="gwt:property" content="locale=en">
<style>
#eventlog select { width: 400px; }
.gwt-TimeBox {
    margin-left: 5px;
}
.gwt-TimeBox, .gwt-DateBox {
    font-size: 14px;
    padding: 2px;
    width: 120px;
}
button { margin-right: 10px; }
</style>
<script language='javascript' src='com.tractionsoftware.gwt.demo.utcdatebox.UTCDateBoxDemo.nocache.js'></script>
</head>
<body>
<div class="desc">Select a date in each of the controls and notice the
  difference in the events that fire. Depending on your timezone and
  browser, UTCDateBox may report a time other than midnight in your
  timezone and in timezones west of Greenwich, a different
  date. However, this will be midnight in UTC.<br><br>Note: You will
  see two events fire, one for noon and another for midnight. This is
  a side-affect of the dateformat specified and the way the standard
  GWT DateBox.DateBoxHandler.onClose is implemented. The first event
  will fire for noon and the second event for midnight. <br><br>Note:
  These demos use the "en" locale with default date/time formats, but other locales and formats can be specified.
</div>
<h2>UTCDateBox Demo</h2>
<h3>DateBox (com.google.gwt.user.datepicker.client.DateBox)</h3>
<div id="datebox"></div>
<h3>UTCDateBox (com.tractionsoftware.gwt.user.client.ui.UTCDateBox)</h3>
<div id="utcdatebox"></div>
<h3>DateBox and UTCDateBox ValueChangeEvents (most recent on top)</h3>
<div id="eventlog"></div>
</body>
</html>
